<template>
  <div class="pay">

    <view class="title_pay">
      <view style="font-size: 40rpx;">支付成功 </view>
      &nbsp;
      <!-- <uv-count-down :time=" 20 * 60 * 1000" format="mm:ss"></uv-count-down> -->
    </view>

    <view v-if="false" class="prive_text">
      ￥32.50
    </view>

    <view class="pay_num">

      订单号：{{orderNumbersFn()}}
    </view>

    <view class="pay_img">
      <uv-image src="/static/pay.png" width="100%" mode="widthFix"></uv-image>
    </view>

    <view class="bottom_button">

      <view @click="gotoList" class="btn" >查看订单</view>
    </view>
  </div>
</template>

<script setup>

let orderNumbersFn = ()=>{
 return uni.getStorageSync('orderNumbers')
}

let gotoList = () => {
  uni.navigateTo({
    url: '/pages/myBuyList?data='+2
  })
}

</script>

<style lang="scss" scoped>
.bottom_button{
  position: fixed;
  bottom: 0;
  width: 100%;
  
  display: flex;
    align-items: center;
    justify-content: 
    center;
  padding: 
  20rpx 50rpx;
  background: white;
   .btn {
    display: flex;
    align-items: center;
    justify-content: 
    center;
      box-shadow: 0upx 5upx 10upx rgba(0, 0, 0, 0.4);
      width: 100%;
      height: 80upx;
      border-radius: 80upx;
      background-color: #f23a3a;
      color: #fff;
      justify-content: center;
      align-items: center;
      font-size: 2rupx;
  
  }
}
.pay_img{
 background: white;
  padding: 20rpx;
  margin: 40rpx;
}
.pay_num{
  margin-top: 20rpx;
  font-size: 24rpx;
font-family: PingFangSC;
font-weight: 400;
color: #262424;
display: flex;
  align-items: center;
  justify-content: center;
}
.pay{
  border: 1px solid transparent
  ;
  height: 100vh;
  background: #F8F8F8;
}
.prive_text{
  margin-top: 20rpx;
  font-size: 80rpx;
font-family: DINAlternate;
font-weight: bold;
color: #262424;
display: flex;
  align-items: center;
  justify-content: center;
}
.title_pay{
  font-size: 24rpx;
font-family: PingFangSC;
font-weight: 400;
color: #666262;
  margin-top: 100rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: 
  center;
}
</style>